<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>#all{
			background-color: cornflowerblue;
			width: 450px;
			height: 530px;
			margin: 100px 500px;
		}
		#center{
			background-color: white;
			width: 300px;
			height: 350px;
			margin: 50px 70px;
		}
		li{
			list-style: none;
			margin: 30px;
		}
		.txtStyle{
			width: 180px;
			border: none;
			border-bottom: 1px solid black;
		}
		p{
			text-align: center;
		}
		center[type="botton"]{
			text-align: center;
		}
		.btn{
			margin-top: 10px;
			margin-bottom: 10px;
			background-color: cornflowerblue;
			width: 180px;
			height: 30px;
		}
		</style>
	</head>
	<body>
		<div id="all">
			<h2 style="text-align: center;color: white;" >员工OA系统</h2>
			<div id="center">
				<h4 style="text-align:center ;color: darkgrey;">请输入相关信息</h4>
				<ul>
					<li><input name="admin_account" type="text" placeholder="用户名" class="txtStyle"/></li>
					
					<li><input name="admin_email" type="text" placeholder="邮箱" class="txtStyle"/></li>
					
					<li><input name="admin_password" type="text" placeholder="密码" class="txtStyle"/></li>
					
					<li><input name="repassword" type="text" placeholder="确认密码" class="txtStyle"/></li>
					
					<li><input name="btnSubmit" type="button" value="注册" class="btn" width="50px"/></li>
					
				</ul>
			</div>
			<p><a href="#">已有账号? 登录</a></p>
		</div>
		
	</body>
</html>
